<ion-view view-title="图文详情" class="info_my">
	<!--通过副标题来定位:当是转让商品时，该副标题隐藏-->
	<div class="bar bar-subheader line-bottom padding-0">
		<!--描述：顶部模块-->
		<div class="row top">
			<div class="col" on-tap="activeTab(0)">
				<div ng-class="selectTab==0?'top-activated':''"><span style="font-size: 0.66rem!important;"> 活动规则</span></div>
			</div>
			<div class="col" on-tap="activeTab(1)">
				<div ng-class="selectTab==1?'top-activated':''"><span style="font-size: 0.66rem!important;">图文详情</span></div>
			</div>
			<div class="col" on-tap="activeTab(2)" ng-if="detail.apply_members.length>0">
				<div ng-class="selectTab==2?'top-activated':''"><span style="font-size: 0.66rem!important;">申请成功名单</span></div>
			</div>
			<div class="col" on-tap="activeTab(3)" ng-if="detail.refund_members.length>0">
				<div ng-class="selectTab==3?'top-activated':''" ><span style="font-size: 0.66rem!important;">免单名单</span></div>
			</div>
		</div>
	</div>

	<!--描述：滑动块 ==ng-class="{'has-subheader':isTransfer!='true'}"-->
	<ion-content class="scroll-content has-subheader">

		<ion-slide-box delegate-handle="tab-handle" on-slide-changed="slideChanged(index)" active-slide="slideIndex" show-pager="false">

			<ion-slide>
				<div class="list" style="width: 100%;">
				<div ng-bind-html="detail.rule"></div>	
				</div>
				
			</ion-slide>


			<ion-slide>
				<div class="list">
					<li class="item item-input font-middle-my stable-bg">编号：{{detail.bn}}</li>
					<li class="item item-input font-middle-my stable-bg">货号：{{detail.an}}</li>
					<li class="item item-input font-middle-my stable-bg">品牌：{{detail.brand.brand_name}}</li>
					<li class="item padding-5">
						<div ng-bind-html="description"></div>
					</li>
				</div>
			</ion-slide>
			<ion-slide ng-show="detail.apply_members.length>0">
				<div>
					<span class="font-middle-my assertive">
						申请成功的会员请先支付订单并在试用后上传问卷调查就有机会免单
					</span>
				</div>
				<div class="list">
					<div class="item item-thumbnail-left" ng-repeat="member in detail.apply_members">
						<img src="{{member.image_logo}}" />
						<p  style="margin-top: 1.5rem;">{{member.login_name}}</p>
				</div>
				</div>
				
			</ion-slide>
			<ion-slide ng-show="detail.refund_members.length>0">
				<div>
					<span class="font-middle-my assertive">
						免单的会员店家会联系你并给予退款
					</span>
				</div>
				<div class="list">
					<div class="item item-thumbnail-left" ng-repeat="member in detail.refund_members">
						<img src="{{member.image_logo}}" />
						<p  style="margin-top: 1.5rem;">{{member.login_name}}</p>
				</div>
				</div>
			</ion-slide>

		</ion-slide-box>
	</ion-content>
</ion-view>